<template>
    <div class="chat" @click="ChooseFri">
            <div class="imagebox ">
                <img :src=ImgUrl >
            </div>
            <div class="textbox">
                <div class="name">
                    {{name}}
                </div>
                <div class="lastmess">
                    {{lastmesg}}
                </div>
            </div>
        </div>
</template>

<script>
export default {
    name: 'chat_friend',
    props:{
        ImgUrl:{
            type:String,
            default:require('@/assets/logo.png')
        },
        name:{
            type:String,
            default:'test'
        },
        lastmesg:{
            type:String,
            default:'testmessage'
        },
        uid:{
            type:Number
        },
        cnt:{
            type:Number,
            default:0
        }
    },
    methods:{
        ChooseFri(){
            this.$emit('SendTitle',this.name);
            this.$emit('SendFriUid',this.uid);
        }
    }
}
</script>

<style scoped>
@import "../style/chat_friend.css";

</style>